﻿/* Resets */
html,
body,
div,
span,
applet,
object,
iframe,
code,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
del,
dfn,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-family: inherit;
  text-align: left;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ul {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
body {
  font-size: 80%;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #232323;
  background-color: #fff;
  padding: 0;
  margin: 0;
  min-width: 1070px;
  -webkit-font-smoothing: antialiased;
}
body .profiler-results {
  top: 36px;
  position: absolute;
}
body .profiler-results.profiler-left .profiler-button {
  border-right-color: #f0f0f0;
  border-bottom-color: #f0f0f0;
}
h3,
.section-header,
.category-row th.section-header {
  color: #666;
  border-bottom: solid 1px #e6e6e6;
  padding-bottom: 2px;
  padding-left: 5px;
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  background: #fdfdfd;
}
h3.page-header,
.section-header.page-header,
.category-row th.section-header.page-header {
  padding-top: 6px;
}
h3 .reload-link,
.section-header .reload-link,
.category-row th.section-header .reload-link {
  float: right;
  font-size: 14px;
  padding-left: 20px;
  background: url(img/refresh.png) no-repeat left;
}
.category-row th h3 {
  padding-top: 8px;
  font-size: 16px;
}
a {
  color: #3d85b0;
  text-decoration: none;
}
a.error-link {
  color: #800000;
}
a:hover {
  text-decoration: underline;
}
a.blue-dotted:link,
a.blue-dotted:visited {
  text-decoration: none;
  border-bottom: dotted 1px;
}
a.blue-dotted:link:hover,
a.blue-dotted:visited:hover {
  border-bottom: solid 1px;
}
.top-bar {
  background-color: #f0f0f0;
  height: 36px;
}
.top-bar .logo {
  float: left;
  display: inline-block;
  margin: 2px 0 0 0;
  padding: 0;
  width: 131px;
  height: 32px;
  background: url(/Content/img/logo/logo-text.png) no-repeat;
}
.top-bar .top-tabs {
  float: right;
}
.top-bar .top-tabs a {
  color: black;
  font-size: 12px;
  padding: 0 12px;
  line-height: 36px;
  display: inline-block;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.top-bar .top-tabs a.selected {
  background-color: white;
  border-bottom: 0;
  color: #0f2a4c;
  font-weight: bold;
}
.top-bar .top-tabs a:hover,
.top-bar .top-tabs a.selected:hover {
  background-color: white;
  border-bottom: 0;
  text-decoration: none;
}
.top-bar .top-tabs a.warning,
.top-bar .top-tabs a.warning:hover {
  color: #FF9900;
}
.top-bar .top-tabs a.critical,
.top-bar .top-tabs a.critical:hover {
  color: #A00;
}
/* Navigation Tabs */
.tabs {
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  border-bottom: solid 1px #DDD;
}
.tabs .tabs-links {
  float: right;
  padding: 8px 8px 0 8px;
}
.tabs .tabs-links .exit-link .icon.arrow {
  vertical-align: text-bottom;
  -webkit-filter: grayscale(100%);
}
.tabs .tabs-links .exit-link:hover .icon.arrow {
  vertical-align: text-bottom;
  -webkit-filter: grayscale(0%);
}
.tabs .tabs-links a:hover {
  color: #666;
  border-bottom: 2px solid #BBB;
}
.tabs .count {
  color: #888;
}
.tabs a {
  color: #333;
  font-size: 12px;
  line-height: 25px;
  padding: 0 12px;
  margin: 0 1px;
  border-bottom: 2px solid transparent;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.tabs a.selected,
.tabs a.selected:hover {
  font-weight: bold;
  color: #333;
  border-bottom: 2px solid #222;
}
.tabs a.selected .count {
  font-weight: bold;
}
.tabs a.warning,
.tabs a.warning:hover {
  color: #FF9900;
}
.tabs a.critical,
.tabs a.critical:hover {
  color: #A00;
}
.tabs.sub-tabs {
  overflow: auto;
}
.tabs.sub-tabs > ul {
  float: right;
  margin: 2px 10px 4px 0;
}
.tabs.sub-tabs > ul li {
  display: inline-block;
  padding: 4px;
  width: 30px;
  text-align: center;
  color: black;
  border: solid 1px #888;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  background: -moz-linear-gradient(top center, #d1d1d1, #f2f2f2 80%) repeat scroll 0 0 #f2f2f2;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #f2f2f2), color-stop(0.8, #d1d1d1));
  background-color: #f2f2f2;
}
.tabs.sub-tabs > ul li a {
  color: black;
  text-decoration: none;
}
.tabs.sub-tabs > ul li.selected {
  font-weight: bold;
  background: white;
}
.tabs.sub-tabs > ul li.selected a {
  font-weight: bold;
}
.top-tab-nested {
  float: left;
  margin-top: 5px;
}
#content,
#lower-content {
  clear: both;
  padding: 8px 0 50px 0;
  margin: 0 auto;
}
#lower-content {
  padding: 4px 0 0 0;
}
.center-container {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 300px;
  width: 600px;
  margin-top: -150px;
  margin-left: -300px;
  padding-top: 100px;
  text-align: center;
}
.center-container.wide {
  width: 800px;
  margin-left: -400px;
}
.center-container h1 {
  font-size: 30px;
  color: #2A2949;
  -webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.68);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.68);
  text-align: center;
}
.center-container div.desc {
  -webkit-text-shadow: 0 1px 1px rgba(200, 200, 200, 0.33);
  text-shadow: 0 1px 1px rgba(200, 200, 200, 0.33);
  text-align: center;
  font-size: 18px;
  color: #253849;
}
.error-label {
  color: #800000;
  font-weight: bold;
}
.error-popup {
  display: none;
  color: #800000;
  z-index: 1;
  cursor: pointer;
  position: absolute;
  text-indent: 0;
  padding: 8px;
  border: 1px solid #c2bc90;
  background: #fff8dc;
  -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* Status Colors */
.good {
  color: #415F9D;
}
.warning {
  color: #FF9900;
}
.maintenance {
  color: #FFBD5B;
}
.critical {
  color: #AA0000;
  font-weight: bold;
}
.all-good {
  color: #008800;
}
.all-bad {
  color: #800000;
}
.note,
.disabled {
  color: #AAA;
}
.add-info {
  font-size: 0.8em;
}
.bold {
  font-weight: bold;
}
.light {
  font-weight: normal;
}
.value {
  font-weight: bold;
}
.hidden {
  display: none;
}
.nowrap {
  white-space: nowrap;
}
.loading {
  background: url('img/loading.gif') no-repeat center center;
  text-indent: -99999px;
}
.no-content {
  text-align: center;
  padding-top: 20px;
  color: #888;
}
/* Status Icons */
.status-icon,
.action-icon,
.icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}
.status-icon.disabled,
.action-icon.disabled,
.icon.disabled {
  opacity: 0.3;
}
.status-icon.icon {
  display: inline;
  vertical-align: inherit;
  font-size: 16px;
}
.icon.database.status-up {
  background: url(img/database/grey.png) no-repeat;
}
.icon.database.status-warning,
.icon.database.status-unknown {
  background: url(img/database/yellow.png) no-repeat;
}
.icon.database.status-down {
  background: url(img/database/red.png) no-repeat;
}
.icon.database.system {
  background: url(img/database/blue.png) no-repeat;
}
.icon.database.restoring {
  background: url(img/database/yellow.png) no-repeat;
}
.icon.node.empty {
  background: url(img/node/node.png) no-repeat;
}
.icon.node.master {
  background: url(img/node/node-select.png) no-repeat;
}
.icon.node.all {
  background: url(img/node/node-select-all.png) no-repeat;
}
.icon.node.slave {
  background: url(img/node/node-select-child.png) no-repeat;
}
.icon.node.slave-previous {
  background: url(img/node/node-select-previous.png) no-repeat;
}
.icon.node.slave-next {
  background: url(img/node/node-select-next.png) no-repeat;
}
.icon.arrow.up-right-small {
  background: url(img/arrow-small.png) no-repeat;
}
.icon.arrow.refresh {
  background: url(img/refresh.png) no-repeat;
}
.status-down,
.status-unknown {
  font-weight: bold;
}
.status-up,
.status-up a {
  text-decoration: none;
  color: #415F9D;
}
.status-up.icon,
.status-up a.icon {
  color: #a0cfa0 !important;
}
.status-down,
.status-down a {
  text-decoration: none;
  color: #AA0000;
}
.status-down.icon,
.status-down a.icon {
  color: #e06a6a !important;
  font-weight: normal;
}
.status-warning,
.status-warning a {
  text-decoration: none;
  color: #FF9900;
}
.status-warning.icon,
.status-warning a.icon {
  color: #fac38d !important;
}
.status-unknown,
.status-unknown a {
  text-decoration: none;
  color: #888888;
}
.status-unknown.icon,
.status-unknown a.icon {
  color: #BBB !important;
}
input.icon {
  background-repeat: no-repeat;
  background-position: 1px 2px !important;
}
/* Action Icons */
.action-plus {
  color: #415F9D;
}
.action-plus.action-icon {
  background: url(img/square-plus.png) no-repeat;
}
.action-plus.action-icon.disabled {
  opacity: 1;
  background: url(img/square-plus-disabled.png) no-repeat;
}
.action-minus {
  color: #AA0000;
}
.action-minus.action-icon {
  background: url(img/square-minus.png) no-repeat;
}
.action-minus.action-icon.disabled {
  opacity: 1;
  background: url(img/square-minus-disabled.png) no-repeat;
}
/* Status Rows */
tr.active-row td {
  background-color: rgba(0, 200, 0, 0.2) !important;
}
tr.warning-row td {
  background-color: rgba(200, 150, 0, 0.2) !important;
}
tr.maintenance-row td,
tr.total-row td {
  background-color: rgba(255, 189, 91, 0.4) !important;
}
tr.critical-row td {
  background-color: rgba(200, 0, 0, 0.2) !important;
}
tr.centered td {
  text-align: center;
}
tr.unwatched-row td {
  opacity: 0.5;
}
/* Node Search */
.top-nodes {
  margin-left: 15px;
  float: left;
}
.top-nodes a {
  color: #3d85b0;
  padding: 0;
  margin: 0;
}
.top-nodes > a {
  font-size: 14px;
}
.top-nodes .ddl {
  margin-top: 6px;
  display: inline-block;
}
.top-nodes .ddl input {
  vertical-align: baseline;
}
.top-nodes .issues-list {
  margin-left: 5px;
  display: inline-block;
  position: relative;
}
.top-nodes .issues-list.active .issues-button {
  background: #fff;
  border-bottom: solid 1px #fff;
}
.top-nodes .issues-list.active .issues-dropdown {
  display: block;
}
.top-nodes .issues-list .issues-button {
  background: #f2f2f2;
  display: inline-block;
  padding: 3px 6px 3px 10px;
  border: solid 1px #e0e0e0;
  z-index: 21;
  position: absolute;
  top: -17px;
  white-space: nowrap;
  color: #888;
}
.top-nodes .issues-list .issues-button .down-arrow {
  font-size: 8px;
  position: relative;
  top: -2px;
}
.top-nodes .issues-list .issues-button:hover {
  text-decoration: none;
}
.top-nodes .issues-list .issues-button .icon {
  line-height: 13px;
}
.top-nodes .issues-list .issues-dropdown {
  display: none;
  padding: 0;
  background: #fff;
  border: solid 1px #e0e0e0;
  max-height: 400px;
  width: 400px;
  overflow-y: auto;
  z-index: 20;
  position: absolute;
  top: 6px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.top-nodes .issues-list .issues-dropdown .issue-item {
  white-space: nowrap;
  display: block;
  padding: 3px 7px;
  border-top: solid 1px transparent;
  border-bottom: solid 1px transparent;
  transition: border 200ms ease;
}
.top-nodes .issues-list .issues-dropdown .issue-item:nth-child(even) {
  background: #f9f9f9;
}
.top-nodes .issues-list .issues-dropdown .issue-item:hover {
  text-decoration: none;
  background: white;
  border-top: solid 1px #9AB1DC;
  border-bottom: solid 1px #9AB1DC;
}
.top-nodes .issues-list .issues-dropdown .issue-item .note {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
}
.node-ddl {
  margin: 0;
  font-size: 13px;
  padding: 3px 0.5em;
  width: 200px;
  border: solid 1px #dddddd;
  outline: none;
}
.ac_results .server-category-label {
  color: #888;
}
.ac_results .ac_over .server-category-label,
.ac_results .ac_over .status-up {
  color: white;
}
.top-section {
  padding: 0 0 7px 10px;
  border-bottom: solid 1px #eee;
}
.top-section.top-spaced {
  padding: 5px 0 5px 10px;
}
.top-section .critical {
  padding-top: 8px;
}
.bottom-section {
  padding: 0 5px;
  margin: 10px;
}
.bottom-sub-section {
  margin: 6px 4px 4px 4px;
}
.top-server-list {
  padding-bottom: 3px;
  margin-bottom: 3px;
}
.top-server-list:last-child,
.top-server-list.more {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.top-server-list li {
  margin: 4px 0;
}
.top-server-list li.selected a span {
  font-weight: bold;
  text-decoration: underline;
}
.top-server-list li span.count {
  color: gray;
}
.top-server-list li .ddl select {
  font-size: 12px;
  padding: 0;
  margin: 0;
}
.node-cagtegory-list .filters-wrap {
  margin-top: -19px;
  margin-right: 8px;
}
.node-cagtegory-list .search-text {
  color: #DDD;
}
.node-cagtegory-list ul {
  overflow: hidden;
  list-style: none;
}
.node-cagtegory-list ul li {
  float: left;
  border-right: solid 1px #dddddd;
  padding: 0 5px;
}
.node-cagtegory-list ul li:first-child,
.node-cagtegory-list ul li:last-child,
.node-cagtegory-list ul li.last-child,
.node-cagtegory-list ul li.ddl,
.node-cagtegory-list ul li.down {
  border-right: 0;
}
.node-cagtegory-list ul li a {
  color: #3d85b0;
  text-decoration: none;
}
.node-cagtegory-list ul li a:hover {
  text-decoration: underline;
}
.node-cagtegory-list .refresh-link,
.node-cagtegory-list .refresh-link:visited {
  float: right;
  color: #444;
  position: absolute;
}
/* Space Used Bars, e.g. drive space/memory */
.space-used {
  width: 400px;
  background: #eee;
  height: 10px;
  margin: 3px 0 5px 0;
  overflow: hidden;
}
.space-used .used {
  height: 10px;
  float: left;
}
.space-used .used.good {
  background: #A0CFA0;
}
.space-used .used.warning {
  background: #fac38d;
}
.space-used .used.critical {
  background: #E06A6A;
}
.space-used .used.buffer {
  background: #6161E4;
}
.space-used .used.plans {
  background: rgba(150, 255, 255, 0.8);
}
/* Shared Header */
.category-row th > div,
.modal-header,
.filters {
  margin: 5px 0 5px 0;
  padding: 4px 0 2px 0;
  color: #2B477D;
  font-size: 120%;
  border-bottom: solid 1px #dddddd;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}
.spark-no-data {
  text-align: center;
  color: #999;
  font-size: 0.9em;
  line-height: 20px;
}
/* Dashboard */
.node-dashboard,
.haproxy-dashboard,
.haproxy-dashboard-servers {
  margin: 0 auto;
  border-collapse: separate;
  padding: 0 2px;
}
.node-dashboard .unknown,
.haproxy-dashboard .unknown,
.haproxy-dashboard-servers .unknown {
  color: #DDD;
}
.node-dashboard.sub-dashboard,
.haproxy-dashboard.sub-dashboard,
.haproxy-dashboard-servers.sub-dashboard {
  width: 100%;
  /*padding: 0 10px 5px 10px; 
        margin: 10px auto; 
        border: solid 1px #ddd;
        box-shadow: 2px 2px 2px #ddd;*/

}
.node-dashboard .category-row th,
.haproxy-dashboard .category-row th,
.haproxy-dashboard-servers .category-row th {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 2px;
}
.node-dashboard th,
.haproxy-dashboard th,
.haproxy-dashboard-servers th {
  font-weight: bold;
  padding: 4px 4px 8px 4px;
}
.node-dashboard th.tablesorter-header div,
.haproxy-dashboard th.tablesorter-header div,
.haproxy-dashboard-servers th.tablesorter-header div {
  font-weight: bold;
}
.node-dashboard th.note,
.haproxy-dashboard th.note,
.haproxy-dashboard-servers th.note {
  font-weight: normal;
}
.node-dashboard .sort-row.sort-category th,
.haproxy-dashboard .sort-row.sort-category th,
.haproxy-dashboard-servers .sort-row.sort-category th {
  color: #444;
  text-align: center;
  border-bottom: solid 1px #eee;
}
.node-dashboard .sort-row th,
.haproxy-dashboard .sort-row th,
.haproxy-dashboard-servers .sort-row th {
  cursor: default;
  font-weight: bold;
  border-bottom: solid 1px transparent;
  padding: 5px 4px 1px 4px;
  color: #444;
}
.node-dashboard .sort-row th a,
.haproxy-dashboard .sort-row th a,
.haproxy-dashboard-servers .sort-row th a {
  font-weight: bold;
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  width: 100%;
  display: inline-block;
  text-align: center;
}
.node-dashboard .sort-row th.current-sort,
.haproxy-dashboard .sort-row th.current-sort,
.haproxy-dashboard-servers .sort-row th.current-sort {
  border-bottom: solid 1px #415F9D;
}
.node-dashboard .sort-row th.first-of-sort,
.haproxy-dashboard .sort-row th.first-of-sort,
.haproxy-dashboard-servers .sort-row th.first-of-sort {
  border-left: solid 1px #eee;
}
.node-dashboard .sort-row th.sortable:hover,
.haproxy-dashboard .sort-row th.sortable:hover,
.haproxy-dashboard-servers .sort-row th.sortable:hover {
  border-bottom: solid 1px #888;
}
.node-dashboard .sort-row th div,
.haproxy-dashboard .sort-row th div,
.haproxy-dashboard-servers .sort-row th div {
  font-weight: bold;
}
.node-dashboard .sort-row .current-sort,
.haproxy-dashboard .sort-row .current-sort,
.haproxy-dashboard-servers .sort-row .current-sort {
  font-weight: bold;
  color: #415F9D;
}
.node-dashboard td,
.haproxy-dashboard td,
.haproxy-dashboard-servers td {
  padding: 2px 2px;
  border-top: solid 1px transparent;
  border-bottom: solid 1px transparent;
}
.node-dashboard > thead > tr:nth-child(odd) > td,
.haproxy-dashboard > thead > tr:nth-child(odd) > td,
.haproxy-dashboard-servers > thead > tr:nth-child(odd) > td,
.node-dashboard > tbody > tr:nth-child(odd) > td,
.haproxy-dashboard > tbody > tr:nth-child(odd) > td,
.haproxy-dashboard-servers > tbody > tr:nth-child(odd) > td {
  background-color: #f6f6f6;
}
.node-dashboard > thead > tr:hover > td,
.haproxy-dashboard > thead > tr:hover > td,
.haproxy-dashboard-servers > thead > tr:hover > td,
.node-dashboard > tbody > tr:hover > td,
.haproxy-dashboard > tbody > tr:hover > td,
.haproxy-dashboard-servers > tbody > tr:hover > td {
  -webkit-transition: border 200ms ease;
  -moz-transition: border 200ms ease;
  -o-transition: border 200ms ease;
  transition: border 200ms ease;
  border-top: solid 1px #9AB1DC;
  border-bottom: solid 1px #9AB1DC;
}
.node-dashboard .error-link,
.haproxy-dashboard .error-link,
.haproxy-dashboard-servers .error-link {
  color: #800000;
}
.node-dashboard tr.virtual-machine .node-name-link,
.haproxy-dashboard tr.virtual-machine .node-name-link,
.haproxy-dashboard-servers tr.virtual-machine .node-name-link {
  color: black;
}
.node-dashboard .space-used,
.haproxy-dashboard .space-used,
.haproxy-dashboard-servers .space-used,
.node-dashboard .space-used .used,
.haproxy-dashboard .space-used .used,
.haproxy-dashboard-servers .space-used .used {
  height: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.node-dashboard .space-used,
.haproxy-dashboard .space-used,
.haproxy-dashboard-servers .space-used {
  margin: 1px 0;
}
.node-dashboard .critical,
.haproxy-dashboard .critical,
.haproxy-dashboard-servers .critical {
  font-weight: normal;
}
.node-dashboard .reason-row td,
.haproxy-dashboard .reason-row td,
.haproxy-dashboard-servers .reason-row td {
  border-top: solid 1px #BBB;
  border-bottom: solid 1px #888;
}
.node-dashboard .no-data,
.haproxy-dashboard .no-data,
.haproxy-dashboard-servers .no-data {
  text-align: center;
  color: #DDD;
  font-size: 0.9em;
}
.node-dashboard .no-data.left,
.haproxy-dashboard .no-data.left,
.haproxy-dashboard-servers .no-data.left {
  text-align: left;
}
.node-dashboard .spark-no-data,
.haproxy-dashboard .spark-no-data,
.haproxy-dashboard-servers .spark-no-data {
  width: 200px;
  height: 20px;
  color: #DDD;
  line-height: 20px;
}
.node-dashboard .sql-cpu-spark,
.haproxy-dashboard .sql-cpu-spark,
.haproxy-dashboard-servers .sql-cpu-spark {
  padding: 0;
}
.node-dashboard .sql-cpu-spark img,
.haproxy-dashboard .sql-cpu-spark img,
.haproxy-dashboard-servers .sql-cpu-spark img {
  vertical-align: middle;
  border: solid 1px #eee;
  height: 20px;
  width: 100px;
}
.node-dashboard .speed,
.haproxy-dashboard .speed,
.haproxy-dashboard-servers .speed {
  color: #AAA;
}
.node-dashboard .speed.pow0,
.haproxy-dashboard .speed.pow0,
.haproxy-dashboard-servers .speed.pow0 {
  color: #4F6CA5;
}
.node-dashboard .speed.pow1,
.haproxy-dashboard .speed.pow1,
.haproxy-dashboard-servers .speed.pow1 {
  color: #6d514e;
}
.node-dashboard .speed.pow2,
.haproxy-dashboard .speed.pow2,
.haproxy-dashboard-servers .speed.pow2 {
  color: #87491F;
}
.node-dashboard .speed.pow3,
.haproxy-dashboard .speed.pow3,
.haproxy-dashboard-servers .speed.pow3 {
  color: #AF480B;
}
.node-dashboard .speed.pow4,
.haproxy-dashboard .speed.pow4,
.haproxy-dashboard-servers .speed.pow4 {
  color: #CF4A07;
}
.node-dashboard .speed.pow5,
.haproxy-dashboard .speed.pow5,
.haproxy-dashboard-servers .speed.pow5 {
  color: #E44B04;
}
.node-dashboard .speed.pow6,
.haproxy-dashboard .speed.pow6,
.haproxy-dashboard-servers .speed.pow6 {
  color: #F94D02;
}
.node-dashboard-separator {
  border-top: 1px solid #ddd;
  width: 900px;
  margin: 20px auto 20px auto;
}
.interface-dashboard .sort-row th,
.interface-dashboard th,
.interface-dashboard td {
  padding-left: 6px;
  padding-right: 6px;
}
.interface-dashboard .fast {
  color: #AA0000;
}
.interface-dashboard .very-fast {
  font-weight: bold;
  color: #AA0000;
}
.interface-dashboard .primary-interface {
  font-weight: bold;
  color: #444;
}
/* simple modal */
#simplemodal-overlay {
  background-color: #000;
}
#simplemodal-container {
  background-color: #FFF;
  border-radius: 5px;
}
.volume-list {
  list-style: none;
}
.volume-list li {
  margin: 0 0 5px 0;
}
.node-summary {
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.node-summary .server-name {
  font-size: 14px;
  padding: 3px 0 3px 10px;
  border-bottom: solid 1px #2B477D;
}
.node-summary .server-update-status {
  color: #888;
}
.node-summary .server-stats {
  overflow: hidden;
  padding: 4px 6px;
}
.node-summary .server-stats .label {
  color: #AAA;
  display: inline-block;
  width: 80px;
}
.node-summary .server-stats .stats-left {
  float: left;
  padding-right: 100px;
  line-height: 1.5em;
}
.node-summary .server-stats .stats-right {
  float: left;
}
.node-summary .other-link-wrap {
  color: #DDD;
}
.node-summary .other-link-wrap:hover {
  color: #AAA;
}
.node-summary .node-name-link,
.node-summary .other-link {
  color: #415F9D;
  text-decoration: none;
}
.node-summary .node-name-link:hover,
.node-summary .other-link:hover {
  text-decoration: underline;
}
.top-filter {
  border: solid 1px #dddddd;
  width: 300px;
  margin: 0 auto;
}
.top-filter label {
  color: #aaa;
  margin-left: 4px;
}
.top-filter input {
  font-size: 1em;
  width: 170px;
  border: none;
  outline: none;
}
.filters-wrap {
  float: right;
  font-size: 0.9em;
  position: relative;
}
.filters-wrap input {
  font-size: 0.9em;
  width: 40px;
}
.filters-wrap input[type="radio"] {
  width: auto;
  top: 2px;
  position: relative;
  margin: 0 0 0 2px;
}
.filters-wrap input[type="checkbox"] {
  width: auto;
  vertical-align: middle;
}
.filters-wrap .filter-box {
  margin-top: -3px;
  border-radius: 4px;
  border: solid 1px #dddddd;
}
.filters-wrap .filter-box label {
  color: #aaa;
  margin-left: 4px;
}
.filters-wrap .filter-box input {
  font-size: 1em;
  width: 170px;
  border: none;
  outline: none;
}
.filters-wrap .filters-header {
  color: #444;
  border-bottom: solid 1px #e6e6e6;
  padding-bottom: 2px;
  margin-bottom: 4px;
  font-size: 18px;
}
.filters-wrap .filters-current {
  cursor: pointer;
  font-size: 12px;
}
.filters-wrap .filters-current .filter-label {
  color: #3D85B0;
}
.filters-wrap .filters-current .filter-value {
  color: #222;
}
.filters-wrap .filters {
  position: absolute;
  background-color: white;
  right: 0;
  top: 15px;
  padding: 8px;
  display: none;
  border-radius: 4px;
  -moz-box-shadow: 0 0 6px #333333;
  -webkit-box-shadow: 0 0 6px #333333;
  box-shadow: 0 0 6px #333333;
}
.filters-wrap .filters .filter {
  font-size: 13px;
  padding: 1px;
  height: 26px;
  line-height: 26px;
  white-space: nowrap;
}
.filters-wrap .filters .filter label {
  font-size: 12px;
  line-height: 12px;
  color: #444;
}
.filters-wrap .submit-button {
  float: right;
  border-radius: 4px;
  background-color: #005fa3;
  color: white;
  padding: 1px 10px;
  margin-top: 8px;
  -moz-box-shadow: 0 0 6px #cccccc;
  -webkit-box-shadow: 0 0 6px #cccccc;
  box-shadow: 0 0 6px #cccccc;
  border: solid 2px transparent;
}
.filters-wrap .submit-button:hover {
  border: solid 2px rgba(255, 255, 255, 0.4);
}
.filters-wrap .filter-toggle-form {
  display: inline-block;
}
.summary-popup {
  padding-top: 5px;
}
.exceptions-spark {
  float: right;
  margin-top: -4px;
}
.exceptions-dashboard {
  width: 100%;
  margin: 0 auto;
  border-collapse: separate;
  font-family: Verdana, Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.exceptions-dashboard .exception-search-form {
  float: right;
  margin-top: -8px;
}
.exceptions-dashboard .exception-search-form .search-box {
  position: relative;
  top: 6px;
  -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.2);
}
.exceptions-dashboard .exception-search-form .search-box .search-input {
  width: 200px;
  color: #666;
  margin: 0;
  padding: 4px 20px 2px 4px;
  border: none;
  background: transparent;
}
.exceptions-dashboard .exception-search-form .search-box .search-submit {
  position: absolute;
  background: transparent url('img/search-icon.png') no-repeat center center;
  border: none;
  height: 22px;
  width: 16px;
  margin-right: 4px;
  cursor: pointer;
  right: 0;
}
.exceptions-dashboard .header {
  cursor: pointer;
}
.exceptions-dashboard th {
  font-weight: bold;
  padding: 2px 1px 0 1px;
}
.exceptions-dashboard th div {
  font-weight: bold;
  cursor: pointer;
}
.exceptions-dashboard tbody td {
  padding: 4px 2px;
  font-size: 11px;
  white-space: nowrap;
  border-top: solid 1px transparent;
  border-bottom: solid 1px transparent;
}
.exceptions-dashboard tbody td.exception-type {
  font-weight: bold;
  color: #444;
}
.exceptions-dashboard tbody td.text-cell {
  white-space: normal;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.exceptions-dashboard tbody td .overflow-cap-150 {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.exceptions-dashboard tbody td .overflow-cap-200 {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.exceptions-dashboard tbody td .overflow-cap-500 {
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.exceptions-dashboard tbody tr:hover td {
  -webkit-transition: border 200ms ease;
  -moz-transition: border 200ms ease;
  -o-transition: border 200ms ease;
  transition: border 200ms ease;
  border-top: solid 1px #9AB1DC;
  border-bottom: solid 1px #9AB1DC;
}
.exceptions-dashboard tbody > tr:nth-child(odd) > td {
  background-color: #f2f2f2;
}
.exceptions-dashboard tbody tr.error td:nth-child(2),
.exceptions-dashboard tbody tr.error td:nth-child(3) {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.exceptions-dashboard tbody tr.error.selected td {
  background-color: #ffffcc;
}
.exceptions-dashboard .actions {
  width: 44px;
}
.exceptions-dashboard .actions .delete-link {
  background: url(img/x.png);
}
.exceptions-dashboard .actions .protect-link {
  background: url(img/lock-off.png);
}
.exceptions-dashboard .actions .protected {
  background: url(img/lock-on.png);
}
.exceptions-dashboard .actions a,
.exceptions-dashboard .actions span {
  color: #800000;
  text-decoration: none;
  display: inline-block;
  text-indent: -9999em;
  font-size: 1px;
  height: 16px;
  width: 16px;
  vertical-align: middle;
}
.exceptions-dashboard .error.deleted .delete-link {
  opacity: 0.2;
  cursor: default;
}
.exceptions-dashboard .exception-cell {
  position: relative;
}
.exceptions-dashboard .exception-link {
  color: #3d85b0;
  white-space: normal;
  text-decoration: none;
}
.exceptions-dashboard .exception-link.bad-error {
  color: #AA0000;
  font-weight: bold;
}
.exceptions-dashboard .exception-link.hidden-exception {
  display: none;
}
.top-link {
  color: #DDD;
}
.top-delete-link {
  float: right;
}
.error-bread-top a {
  color: #3d85b0;
  text-decoration: none;
}
.error-bread-top a:hover {
  text-decoration: underline;
}
.error-bread-top .error-title {
  font-weight: bold;
  color: #800000;
}
.error-bread-top .clear-all-link,
.error-bread-top .clear-visible-link {
  color: #800000;
}
.clear-all-link,
.clear-visible-link {
  color: #800000;
  text-decoration: none;
}
.clear-all-link:hover,
.clear-visible-link:hover {
  text-decoration: underline;
}
.clear-all-link.loading,
.clear-visible-link.loading {
  display: inline-block;
  width: 24px;
}
.clear-all-div {
  margin-top: 8px;
}
.clear-all-div .clear-all-link,
.clear-all-div .clear-visible-link {
  padding: 4px;
  margin-right: 2px;
}
#ErrorInfo,
.error-preview {
  color: #232323;
}
#ErrorInfo .error-info,
.error-preview .error-info,
#ErrorInfo .error-not-found,
.error-preview .error-not-found {
  padding: 5px 5px 5px 5px;
}
#ErrorInfo .error-not-found,
.error-preview .error-not-found {
  padding-top: 10px;
}
#ErrorInfo .error-header,
.error-preview .error-header {
  color: #ddd;
}
#ErrorInfo a,
.error-preview a {
  color: #3d85b0;
  text-decoration: none;
}
#ErrorInfo a:hover,
.error-preview a:hover {
  text-decoration: underline;
}
#ErrorInfo table,
.error-preview table {
  width: 100%;
  border-collapse: collapse;
}
#ErrorInfo td,
.error-preview td {
  padding: 0.4em;
  vertical-align: top;
}
#ErrorInfo th,
.error-preview th {
  text-align: left;
  padding: 0.4em;
  color: #555555;
  vertical-align: top;
}
#ErrorInfo pre,
.error-preview pre {
  font-family: Consolas, Monaco, monospace;
}
#ErrorInfo .error-type,
.error-preview .error-type,
#ErrorInfo .error-message,
.error-preview .error-message {
  display: block;
}
#ErrorInfo .error-type,
.error-preview .error-type {
  color: #444;
  font-weight: bold;
  padding: 0 0.3em;
}
#ErrorInfo .error-detail,
.error-preview .error-detail {
  background-color: #ffffcc;
  padding: .5em 1em;
  margin: 0.4em 0 1em 0;
  overflow: scroll;
  font: Consolas, monospace;
}
#ErrorInfo .error-title,
.error-preview .error-title {
  font-weight: bold;
  color: #800000;
}
#ErrorInfo .sql-detail,
.error-preview .sql-detail {
  background-color: #eee;
  padding: 8px;
}
#ErrorInfo .custom-error-label,
.error-preview .custom-error-label {
  color: #800000;
  font-weight: bold;
  padding-left: 4px;
}
#ErrorInfo .custom-data .error-detail,
.error-preview .custom-data .error-detail {
  padding: 0.5em;
  margin-top: 4px;
}
#ErrorInfo .info-delete-link,
.error-preview .info-delete-link {
  color: #ddd;
}
#ErrorInfo .info-delete-link .info-link.loading,
.error-preview .info-delete-link .info-link.loading {
  display: inline-block;
  width: 24px;
}
#ErrorInfo .error-time,
.error-preview .error-time {
  font-size: 110%;
  color: #555;
}
#ErrorInfo .error-time .similar-link,
.error-preview .error-time .similar-link {
  color: #ddd;
  float: right;
}
#ErrorInfo .error-time .similar-link .clear-all-link,
.error-preview .error-time .similar-link .clear-all-link {
  color: #800000;
}
#ErrorInfo .side-scroll,
.error-preview .side-scroll {
  width: 100%;
  overflow: auto;
}
#ErrorInfo .kv-title,
.error-preview .kv-title {
  color: #224C00;
  font-weight: bold;
  font-size: 120%;
  margin: 10px 0 5px 0;
  border-collapse: collapse;
  border: 0;
}
#ErrorInfo .kv-title.title-error,
.error-preview .kv-title.title-error {
  color: #800000;
}
#ErrorInfo .kv-title .hidden,
.error-preview .kv-title .hidden {
  display: none;
}
#ErrorInfo .kv-table td,
.error-preview .kv-table td,
#ErrorInfo .kv-table th,
.error-preview .kv-table th {
  padding: 0.4em;
}
#ErrorInfo .kv-table td.key,
.error-preview .kv-table td.key {
  width: 200px;
  font-size: 0.9em;
}
#ErrorInfo .kv-table td.value,
.error-preview .kv-table td.value {
  font-family: Consolas, Monaco, monospace;
  font-weight: normal;
}
#ErrorInfo .kv-table tr:nth-child(odd),
.error-preview .kv-table tr:nth-child(odd) {
  background-color: #F2F2F2;
}
.error-preview-popup {
  position: absolute;
  left: 10px;
  z-index: 1;
  display: none;
  max-width: 1100px;
  border: solid 1px #3d85b0;
  padding: 3px;
  margin: 3px;
  background: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 4px 4px 4px #cccccc;
  -webkit-box-shadow: 4px 4px 4px #cccccc;
  box-shadow: 4px 4px 4px #cccccc;
  font-size: 12px;
}
.error-preview .error-info {
  padding: 2px;
}
.error-preview .error-detail {
  max-height: 52px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0.2em 0;
  padding: 0.5em;
}
#spark-detail {
  display: none;
}
#spark-detail h2 {
  color: white;
  padding-bottom: 5px;
}
#spark-detail h2 .right-side {
  float: right;
}
#spark-detail .current-label {
  color: #EEEEEE;
}
.chart {
  position: relative;
}
.chart .chart-title {
  margin-top: 10px;
  text-align: center;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #3E576F;
  -webkit-text-shadow: 1px 1px 3px #ffffff;
  text-shadow: 0 0 3px #ffffff;
  position: relative;
}
.chart .chart-title .chart-subtitle {
  font-size: 12px;
  color: #6D869F;
  text-align: center;
}
.chart svg {
  font: 10px sans-serif;
}
.chart.cpu-chart path {
  fill: #4682b4;
}
.chart.cpu-chart path.line {
  fill: none;
  stroke-width: 1px;
  stroke: #4682b4;
}
.chart.cpu-chart .current-area circle {
  fill: #4682b4;
}
.chart.memory-chart path {
  fill: #bf5e5b;
}
.chart.memory-chart path.line {
  fill: none;
  stroke-width: 1px;
  stroke: #bf5e5b;
}
.chart.memory-chart .current-area circle {
  fill: #bf5e5b;
}
.chart.network-chart path.series-main_in {
  fill: rgba(181, 137, 0, 0.6);
}
.chart.network-chart path.series-main_in.area {
  stroke-width: 1px;
  stroke: #b58900;
}
.chart.network-chart path.series-main_in.line {
  fill: none;
  stroke-width: 1px;
  stroke: #b58900;
}
.chart.network-chart .legend-block.series-main_in {
  background: #b58900;
}
.chart.network-chart .current-area circle.series-main_in {
  fill: #b58900;
}
.chart.network-chart span.series-main_in {
  color: #b58900;
}
.chart.network-chart path.series-main_out {
  fill: rgba(42, 161, 152, 0.6);
}
.chart.network-chart path.series-main_out.area {
  stroke-width: 1px;
  stroke: #2aa198;
}
.chart.network-chart path.series-main_out.line {
  fill: none;
  stroke-width: 1px;
  stroke: #2aa198;
}
.chart.network-chart .legend-block.series-main_out {
  background: #2aa198;
}
.chart.network-chart .current-area circle.series-main_out {
  fill: #2aa198;
}
.chart.network-chart span.series-main_out {
  color: #2aa198;
}
.chart.haproxy-traffic-chart path.series-main_hits {
  fill: rgba(70, 130, 180, 0.19999999999999995);
}
.chart.haproxy-traffic-chart path.series-main_hits.area {
  stroke-width: 1px;
  stroke: #4682b4;
}
.chart.haproxy-traffic-chart path.series-main_hits.line {
  fill: none;
  stroke-width: 1px;
  stroke: #4682b4;
}
.chart.haproxy-traffic-chart .legend-block.series-main_hits {
  background: #4682b4;
}
.chart.haproxy-traffic-chart .current-area circle.series-main_hits {
  fill: #4682b4;
}
.chart.haproxy-traffic-chart span.series-main_hits {
  color: #4682b4;
}
.chart.haproxy-traffic-chart path.series-main_pages {
  fill: rgba(191, 94, 91, 0.19999999999999995);
}
.chart.haproxy-traffic-chart path.series-main_pages.area {
  stroke-width: 1px;
  stroke: #bf5e5b;
}
.chart.haproxy-traffic-chart path.series-main_pages.line {
  fill: none;
  stroke-width: 1px;
  stroke: #bf5e5b;
}
.chart.haproxy-traffic-chart .legend-block.series-main_pages {
  background: #bf5e5b;
}
.chart.haproxy-traffic-chart .current-area circle.series-main_pages {
  fill: #bf5e5b;
}
.chart.haproxy-traffic-chart span.series-main_pages {
  color: #bf5e5b;
}
.chart .current-area circle {
  stroke: #3c3c3c;
}
.chart .axis path,
.chart .axis line {
  fill: none;
  stroke: #BBB;
  shape-rendering: crispEdges;
}
.chart .axis.y path,
.chart .axis.y line {
  fill: none;
  stroke: #000000;
  shape-rendering: crispEdges;
  stroke-width: 1px;
  stroke-opacity: 0.06;
}
.chart .axis text,
.chart .chart-tooltip,
.chart .range-selection {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.chart .cross-line {
  stroke: #000000;
  stroke-opacity: 0.1;
}
.chart .brush .extent {
  stroke: #fff;
  fill-opacity: .125;
  shape-rendering: crispEdges;
}
.chart .chart-tooltip {
  padding: 5px;
  border-radius: 5px;
  width: auto;
  display: none;
  -webkit-box-shadow: 2px 2px 6px #444;
  box-shadow: 2px 2px 6px #444;
  position: absolute;
  background-color: white;
  white-space: nowrap;
  z-index: 5;
  border: solid 1px #EEE;
}
.chart .chart-tooltip .note {
  color: #AAA;
}
.chart .chart-tooltip .tooltip-date {
  padding-bottom: 2px;
}
.chart .build-tooltips {
  z-index: 3;
}
.chart .build-tooltip {
  z-index: 3;
}
.chart .build-tooltip .label {
  color: #888;
}
.chart .build-dot {
  z-index: 3;
}
.chart .area-tooltip-line {
  stroke: #fff;
  stroke-width: 1px;
}
.chart .range-selection {
  position: absolute;
  top: 10px;
  left: 10px;
}
.chart .range-selection button {
  -moz-box-shadow: inset 0 1px 0 0 #ffffff;
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
  box-shadow: inset 0 1px 0 0 #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
  background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
  background-color: #ededed;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  color: #777777;
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  padding: 3px 10px;
  text-decoration: none;
  -webkit-text-shadow: 1px 1px 0 #ffffff;
  text-shadow: 1px 1px 0 #ffffff;
}
.chart .range-selection button:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
  background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
  background-color: #dfdfdf;
}
.chart .range-selection button:active {
  position: relative;
  top: 1px;
}
#svg-export {
  display: none;
}
/* Graphs */
.graph-loading {
  padding-top: 170px;
  text-align: center;
}
.history-graph-wrap {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: solid 1px #dddddd;
  margin: 4px 4px 10px 4px;
}
.history-graph-wrap.half-width {
  width: 49%;
  display: inline-block;
  float: left;
}
.history-graph-wrap .history-graph {
  height: 300px;
  min-width: 500px;
}
#cpu-graph {
  padding: 10px;
}
#cpu-graph .core-container {
  display: none;
}
#cpu-graph .cpu-core {
  border: solid 1px #f4f4f4;
  display: inline-block;
  height: 100px;
  position: relative;
}
#cpu-graph .cpu-core-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  -moz-opacity: 0.8;
  opacity: 0.8;
  background: #678FC0;
  background: -moz-linear-gradient(top, #678fc0 0, #4572a7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #678fc0), color-stop(100%, #4572a7));
  background: -webkit-linear-gradient(top, #678fc0 0, #4572a7 100%);
  background: -o-linear-gradient(top, #678fc0 0, #4572a7 100%);
  background: -ms-linear-gradient(top, #678fc0 0, #4572a7 100%);
  background: linear-gradient(to bottom, #678fc0 0, #4572a7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#678FC0', endColorstr='#4572A7', GradientType=0);
}
#cpu-graph .core-label {
  z-index: 5;
  color: #CCC;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 2px;
}
#cpu-graph .core-count-wrap {
  color: #EEE;
}
#cpu-graph .core-count {
  color: #666;
}
#cpu-graph #cpu-total-graph {
  width: 800px;
  height: 300px;
}
#cpu-graph .show-more {
  display: none;
}
/* HAProxy & Traffic */
#host {
  width: 300px;
  padding: 2px 2px 2px 20px;
  margin-right: 5px;
  margin-left: 2px;
  border: solid 1px #dddddd;
  border-radius: 5px;
}
.ac_results {
  background-color: White;
  border: solid 1px #dddddd;
  padding: 0;
  z-index: 200;
  width: 320px !important;
  border-radius: 5px;
}
.ac_results ul {
  width: 100%;
  list-style: none;
}
.ac_results ul li {
  padding: 2px 5px;
  line-height: 16px;
  overflow: hidden;
  margin: 0;
}
.ac_results ul li:nth-child(odd) {
  background-color: #fafafa;
}
.ac_results ul li.ac_over {
  background-color: #57708F;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #7294bc), color-stop(1, #57708f));
  color: White;
}
.route-times {
  padding: 4px 20px;
}
.route-times > table {
  width: 100%;
}
.route-times > table > tbody > tr:nth-child(odd) > td {
  background-color: #fafafa;
}
.route-times thead th {
  font-weight: bold;
  border-bottom: solid 1px #888;
}
.route-times .route-name {
  font-weight: bold;
  color: #444;
}
.route-times .nvp .name {
  width: 190px;
}
.route-times .legend {
  font-weight: normal;
  font-size: 80%;
  float: right;
  display: inline-block;
  border: solid 1px #dddddd;
  padding: 4px 8px;
  border-radius: 5px;
}
.route-times .legend-item {
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
}
.route-times .legend-item .legend-block {
  width: 16px;
  height: 13px;
  display: inline-block;
  vertical-align: bottom;
}
.route-times .color-legend {
  display: inline-block;
  width: 20px;
  height: 14px;
  vertical-align: middle;
}
/* HAProxy Current Status */
.haproxy-dashboard {
  width: 1000px;
}
.haproxy-dashboard .db-label {
  color: #aaa;
}
.haproxy-dashboard tr.backend:last-child td {
  border-top: solid 1px #dddddd;
  background: #E8E8D0;
}
.haproxy-dashboard tr.critical-row th > div {
  color: #800000;
}
.haproxy-dashboard tr.critical-row + tr.critical-row td {
  border-top: solid 1px transparent;
}
.haproxy-dashboard td:last-child {
  width: auto;
}
.haproxy-dashboard tbody .proxy-Backend,
.haproxy-dashboard tbody tr.proxy-Backend td {
  background-color: #E8E8D0;
}
.haproxy-dashboard .node-group td b {
  color: #444;
}
.haproxy-dashboard .watched-proxy tr:hover td {
  border-top-width: 0;
  border-bottom-width: 0;
}
.haproxy-dashboard .watched-proxy tr td {
  border-top-width: 0;
  border-bottom-width: 0;
  padding: 2px;
}
.haproxy-dashboard .watched-proxy tr td:first-child,
.haproxy-dashboard .watched-proxy tr th:first-child {
  border-left: solid 1px rgba(65, 95, 157, 0.4);
}
.haproxy-dashboard .watched-proxy tr td:last-child,
.haproxy-dashboard .watched-proxy tr th:last-child {
  border-right: solid 1px rgba(65, 95, 157, 0.4);
}
.haproxy-dashboard .watched-proxy tr:first-child th {
  border-top: solid 1px rgba(65, 95, 157, 0.4);
}
.haproxy-dashboard .watched-proxy tr:last-child td {
  border-bottom: solid 1px rgba(65, 95, 157, 0.4);
}
.haproxy-dashboard .watched-proxy tr.warning-row td,
.haproxy-dashboard .watched-proxy tr.maintenance-row td,
.haproxy-dashboard .watched-proxy tr.critical-row td {
  border-top-width: 1px;
  border-bottom-width: 1px;
  padding: 1px 2px;
}
.haproxy-dashboard .watched-proxy.proxy-header tr:first-child th {
  margin-top: 50px;
}
.haproxy-dashboard .watched-proxy.proxy-header:before {
  content: "";
  display: block;
  height: 20px;
}
.haproxy-dashboard .watched-proxy.proxy-body tr:last-child td {
  margin-bottom: 20px;
}
.haproxy-dashboard .watched-proxy.proxy-body:after {
  content: "";
  display: block;
  height: 20px;
}
.haproxy-dashboard .watched-proxy .category-row .node-name-link {
  color: #666;
}
.haproxy-dashboard .watched-proxy .category-row .node-name-link:hover {
  text-decoration: none;
}
.haproxy-dashboard .watched-proxy .category-row div {
  border-bottom: solid 1px rgba(65, 95, 157, 0.4);
}
.proxies-wrap {
  padding: 4px 8px;
  margin: 0 auto;
}
.proxies {
  width: 100%;
}
.proxies h2 {
  text-align: center;
  padding-top: 10px;
}
.proxies th,
.proxies td {
  padding: 2px;
}
.proxies th {
  font-weight: bold;
  border-bottom: solid 1px;
  text-align: left;
}
.proxies td .size {
  font-weight: bold;
}
.proxies tfoot td {
  font-weight: bold;
  border-top: solid 1px #888;
  margin-top: 5px;
}
.proxies .slim th,
.proxies .slim td {
  padding: 1px 1px;
}
.proxies .top-header th {
  text-align: left;
}
.proxies .main-row-header th,
.proxies .sub-row-header th {
  border: solid 1px #dddddd;
}
.proxies .main-row-header th:first-child {
  border: 0;
}
.proxies .top-header td,
.proxies .sub-row-header th {
  font-weight: normal;
  text-align: left;
}
.proxies .proxy-Server td {
  padding: 2px;
}
.proxies .proxy-Backend td {
  padding: 3px 2px;
}
.proxies .frontend {
  background: #e8e8d0;
}
.proxies .socket {
  background: #d0d0d0;
}
.proxies .backend {
  background: #e8e8d0;
}
.proxies .frontend .name,
.proxies .backend .name {
  font-weight: bold;
}
.proxies .status.ActiveUp {
  background: #c0ffc0;
}
.proxies .status.ActiveUp:nth-child(even) {
  background: rgba(192, 255, 192, 0.75);
}
.proxies .status.ActiveDownGoingUp {
  background: #ffd020;
}
.proxies .status.ActiveDownGoingUp:nth-child(even) {
  background: rgba(255, 208, 32, 0.75);
}
.proxies .status.ActiveUpGoingDown {
  background: #ffffa0;
}
.proxies .status.ActiveUpGoingDown:nth-child(even) {
  background: rgba(255, 255, 160, 0.75);
}
.proxies .status.BackupUp {
  background: #b0d0ff;
}
.proxies .status.BackupUp:nth-child(even) {
  background: rgba(176, 208, 255, 0.75);
}
.proxies .status.BackupDownGoingUp {
  background: #ff80ff;
}
.proxies .status.BackupDownGoingUp:nth-child(even) {
  background: rgba(255, 128, 255, 0.75);
}
.proxies .status.BackupUpGoingDown {
  background: #c060ff;
}
.proxies .status.BackupUpGoingDown:nth-child(even) {
  background: rgba(192, 96, 255, 0.75);
}
.proxies .status.Down {
  background: #ff9090;
}
.proxies .status.Down:nth-child(even) {
  background: rgba(255, 144, 144, 0.85);
}
.proxies .status.NotChecked {
  background: #e0e0e0;
}
.proxies .status.NotChecked:nth-child(even) {
  background: rgba(224, 224, 224, 0.75);
}
.proxies .status.Maintenance {
  background: #c07820;
}
.proxies .status.Maintenance:nth-child(even) {
  background: rgba(192, 120, 32, 0.75);
}
/* Name Value Pair Sections */
.nvp tr td {
  border-bottom: solid 1px #efefef;
}
.nvp .name {
  color: #AAA;
}
.nvp .value {
  color: #444;
}
.lb-active {
  color: #444;
  font-weight: bold;
}
.lb-inactive {
  color: #888;
}
.haproxy-admin-servers {
  width: 330px;
  float: right;
  clear: right;
  margin-right: 20px;
}
.haproxy-admin-servers table {
  white-space: nowrap;
}
.haproxy-admin-servers td:last-child {
  width: auto;
}
.heads-up .item {
  float: left;
  width: 320px;
  padding: 10px;
  border: solid 1px #e5e5e5;
  margin: 4px;
  box-shadow: 0 2px 3px 0 rgba(100, 100, 100, 0.1);
}
.heads-up .item.unknown-row {
  opacity: 0.4;
  background: rgba(224, 106, 106, 0.07);
}
.heads-up .item.warning-row {
  border-color: #fac38b;
  background-color: rgba(250, 195, 141, 0.15);
}
.heads-up .item.critical-row {
  border-color: #E06A6A;
  background: rgba(224, 106, 106, 0.07);
}
.heads-up .item .label {
  color: #888;
}
.heads-up .item .server-name {
  border-bottom: solid 1px #eee;
}
.heads-up .item .server-name .category {
  float: right;
  color: #999;
}
.heads-up .item .server-name .node-name-link {
  font-weight: bold;
}
.heads-up .item .unmanaged {
  color: #888;
}
.heads-up .item .status-block {
  padding: 1px 0;
  clear: both;
  overflow: auto;
  line-height: 23px;
  vertical-align: middle;
}
.heads-up .item .status-graph {
  float: right;
}
.heads-up .item .space-used {
  width: 200px !important;
}
.heads-up .item.availability-group {
  background: #fff;
}
.heads-up .item.availability-group .ag-inner {
  border: none;
  background: #fff;
}
.heads-up .item.availability-group .ag-node {
  border-radius: initial;
}
.heads-up .item.haproxy-item .proxy-list,
.heads-up .item.haproxy-item .proxy-list .status-up {
  color: #444;
}
/* Redis Server Display */
.redis-info,
.redis-clients {
  font-family: Consolas, Courier New;
  overflow: auto;
  margin: 4px;
  padding: 1px 0;
  border: solid 1px #dddddd;
}
.redis-summary .redis-info-list {
  overflow: auto;
}
.redis-summary .node-group td {
  padding-left: 4px;
  padding-right: 4px;
}
.redis-summary .last-success-notice,
.redis-summary .redis-error,
.redis-summary tr.redis-error td,
.redis-summary tr.redis-error {
  padding: 2px 0;
  color: white;
  background-color: rgba(128, 0, 0, 0.5) !important;
  text-align: center;
  font-family: Arial;
}
.redis-summary .last-success-notice span,
.redis-summary .redis-error span,
.redis-summary tr.redis-error td span,
.redis-summary tr.redis-error span {
  font-weight: bold;
}
.redis-summary tr.redis-error td {
  border-top: solid 1px #EEE;
  border-bottom: solid 1px #EEE;
}
.redis-summary .alternative-masters {
  text-align: center;
}
.redis-summary .alternative-masters ul {
  width: 200px;
  margin: 5px auto;
}
.redis-summary .redis-node-info {
  float: left;
  width: 350px;
}
.redis-summary .redis-node-info .server-name {
  font-size: 14px;
}
.redis-summary .redis-node-info .last-updated {
  float: right;
  color: #AAA;
  margin-right: 5px;
}
.redis-summary .redis-node-info .info-title {
  padding: 2px 4px 2px 4px;
  font-weight: bold;
  text-align: center;
  font-family: Arial;
  margin: 8px 0 0 0;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.redis-summary .redis-node-info .info-title:first-child {
  margin-top: 0;
  border-top: 0;
}
.redis-summary .redis-node-info .section-line {
  padding: 4px 6px;
  font-weight: bold;
  color: #415F9D;
}
.redis-summary .redis-node-info .redis-info .info-line {
  white-space: pre;
}
.redis-summary .redis-node-info .collapsed {
  max-height: 47px;
  overflow: hidden;
  border-bottom: solid 1px #EEE;
}
.redis-summary .redis-node-info .expand {
  color: #3D85B0;
  cursor: pointer;
  text-align: center;
}
.redis-summary .redis-node-info .expand:hover {
  text-decoration: underline;
}
.redis-summary .redis-node-info .info-line {
  padding: 0 4px;
}
.redis-summary .redis-node-info .info-line.important {
  font-weight: bold;
  background-color: #F2F2F2;
}
.redis-summary .redis-node-info .info-line.important .value {
  color: #415F9D;
  font-size: 12px;
}
.redis-summary .redis-node-info .info-line.important + .important {
  border-top: none;
}
.redis-summary .redis-node-info .info-line .warning {
  color: red;
  font-weight: bold;
}
.redis-summary .redis-node-info .info-line .add-info.subs {
  color: #415F9D;
}
.redis-summary .redis-node-info .info-line .add-info.idle,
.redis-summary .redis-node-info .info-line .add-info.conns {
  color: #888;
  font-weight: normal;
}
.top-right-nav {
  float: right;
  margin-right: 10px;
  font-size: 13px;
  font-weight: bold;
}
.top-right-info {
  float: right;
  margin-right: 10px;
  font-size: 13px;
}
/* SQL Single Instance View */
.summary-dashboard {
  width: 1024px;
  padding: 5px 0 0 0;
  margin: 0 auto;
}
.summary-dashboard.with-left-toolbar {
  width: 1300px;
}
.summary-dashboard .dashboard-description {
  padding: 5px;
  border-bottom: solid 1px #eee;
  color: maroon;
  margin-bottom: 5px;
}
.summary-dashboard .left-col,
.summary-dashboard .right-col {
  width: 510px;
  display: inline-block;
  vertical-align: top;
}
.summary-dashboard table {
  width: 100%;
}
.summary-dashboard .summary-section-header {
  text-align: center;
  padding: 4px 0 2px 0;
  margin-bottom: 2px;
  font-weight: bold;
  color: #444;
  border-bottom: solid 1px #eee;
}
.summary-dashboard .summary-section-header.no-line {
  border-bottom: none;
}
.summary-dashboard .section-wrap {
  border: solid 1px #e6e6e6;
  border-radius: 5px;
  padding: 4px;
  margin-bottom: 5px;
}
.summary-dashboard .half-wrap {
  width: 238px;
  display: inline-block;
}
.summary-dashboard .third-wrap {
  width: 154px;
  display: inline-block;
}
.summary-dashboard .icon {
  vertical-align: text-bottom;
}
.summary-dashboard .cpu-graph {
  vertical-align: text-bottom;
}
.summary-dashboard .memory-bar .space-used {
  height: 5px;
  width: 100%;
}
.summary-dashboard .volume {
  color: #666;
}
.summary-dashboard .volume .volume-label {
  color: #444;
  font-weight: bold;
  padding-left: 6px;
}
.summary-dashboard .volume .volume-usage {
  padding-top: 4px;
  font-size: 0.9em;
}
.summary-dashboard .volume .volume-usage,
.summary-dashboard .volume .volume-bar {
  clear: both;
  text-align: center;
}
.summary-dashboard .volume .volume-bar .space-used {
  height: 5px;
  margin-left: auto;
  margin-right: auto;
}
.summary-dashboard .cluster-info {
  padding: 4px;
}
.summary-dashboard .cluster-info .cluster-members {
  text-align: center;
  padding: 6px 4px;
}
.summary-dashboard .availability-group {
  background: #fff;
  -moz-transition: background 0.4s ease-in-out 0.2s;
  -webkit-transition: background 0.4s ease-in-out 0.2s;
  transition: background 0.4s ease-in-out 0.2s;
}
.summary-dashboard .availability-group .expander {
  display: none;
}
.summary-dashboard .availability-group.collapsed:hover {
  background: #f4f4f4;
}
.summary-dashboard .availability-group.collapsed:hover .expander {
  opacity: 0.5;
}
.summary-dashboard .availability-group.collapsed .expander {
  display: inline;
}
.summary-dashboard .availability-group.collapsed .availability-group-databases,
.summary-dashboard .availability-group.collapsed .availability-group-nodes,
.summary-dashboard .availability-group.collapsed .availability-group-listeners {
  display: none;
}
.summary-dashboard .availability-group-header {
  color: #666;
  font-weight: bold;
}
.summary-dashboard .availability-group-databases,
.summary-dashboard .availability-group .expander {
  float: right;
  padding-right: 2px;
}
.summary-dashboard .availability-group-databases .icon {
  vertical-align: top;
}
.summary-dashboard .availability-group-nodes {
  clear: both;
  padding: 2px;
}
.summary-dashboard .availability-group-node {
  line-height: 21px;
}
.summary-dashboard .availability-group-node.current span a {
  font-weight: bold;
}
.summary-dashboard .availability-group-node .icon.master {
  margin-left: 18px;
}
.summary-dashboard .availability-group-node .icon.slave {
  margin-left: 36px;
}
.summary-dashboard .availability-group-listeners {
  padding: 2px;
}
.summary-dashboard .expander {
  cursor: pointer;
  opacity: 0;
  -moz-transition: opacity 0.4s ease-in-out;
  -webkit-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.summary-dashboard .network-range {
  font-weight: bold;
  color: #666;
  line-height: 18px;
}
.summary-dashboard .listener.Online {
  color: #009900;
}
.summary-dashboard .listener.Offline {
  color: #666;
}
.summary-dashboard > div table {
  margin-bottom: 10px;
}
.summary-dashboard > div table > tbody > tr > td {
  line-height: 22px;
  padding: 0 4px;
}
.summary-dashboard > div table > tbody > tr > td:first-child {
  color: #444;
  width: 250px;
}
.summary-dashboard > div table > tbody > tr:nth-of-type(odd) > td {
  background: #f2f2f2;
}
.summary-dashboard > div table > thead > tr > th {
  line-height: 22px;
  padding: 0 4px;
  color: #444;
  font-weight: bold;
}
.summary-popup .summary-dashboard > div table > tbody > tr > td:first-child {
  width: auto;
}
/* SQL Server Query Display */
.sql-server {
  padding: 4px;
}
.sql-server tr td,
.sql-server tr th {
  padding: 1px 4px;
}
.sql-server .plan-row.selected td {
  border-top: solid 1px #800000;
  border-bottom: solid 1px #800000;
}
.sql-server .plan-row td {
  cursor: pointer;
}
.sql-server > table {
  width: 100%;
}
.sql-server > table th.number-col {
  text-align: center;
}
.sql-server > table > tbody > tr {
  border-bottom: solid 1px #efefef;
}
.sql-server > table > tbody > tr > td {
  vertical-align: top;
  padding: 3px 5px;
}
.sql-server > table > tbody > tr:nth-child(odd) > td {
  background-color: #fbfbfb;
}
.sql-server > table > tbody > tr.plan-row:nth-child(odd) td {
  background-color: #f2f2f2;
}
.sql-server > table > tbody > tr td.number-col {
  text-align: right;
}
.sql-server > table > tbody > tr td.query-col {
  font-family: Consolas, Courier New;
}
.sql-server .none-active {
  color: #999;
  text-align: center;
}
.sql-server .sql-block-wrap {
  max-height: 100px;
  overflow: auto;
}
.sql-server .sql-block {
  min-width: 500px;
  max-height: 300px;
  font-family: Consolas;
}
.sql-server.sql-error {
  padding: 5px;
  color: #800000;
}
.cluster-dashboard {
  width: 960px;
}
.cluster-dashboard .quorum-info,
.cluster-dashboard .cluster-info {
  color: #888;
  font-size: 0.8em;
}
.cluster-dashboard .tables-row:nth-child(odd) > td {
  background-color: white;
}
.cluster-dashboard .tables-row > td.loading {
  height: 20px;
}
.cluster-dashboard .tables-row .sql-tables {
  background-color: white;
}
.node-selector .instance {
  display: block;
  padding: 2px 4px;
  border: solid 1px #f4f4f4;
  border-radius: 5px;
  width: 300px;
  margin: 2px auto;
  -moz-transition: border-color 0.4s ease-in-out;
  -webkit-transition: border-color 0.4s ease-in-out;
  transition: border-color 0.4s ease-in-out;
  background: #fff;
}
.node-selector .instance:hover {
  border-color: #3d85b0;
}
.node-selector .instance .version {
  float: right;
}
.ag-container {
  min-width: 960px;
  text-align: center;
  padding: 0 10px;
}
.ag-wrap {
  width: 317px;
  margin-bottom: 15px;
  display: inline-block;
  vertical-align: top;
}
.ag-wrap:last-child {
  margin-bottom: 0;
}
.ag-wrap .header {
  color: #444;
  font-size: 18px;
}
.ag-inner {
  border: solid 1px #eee;
  border-radius: 10px;
  padding: 10px 5px;
  background-color: #f4f4f4;
}
.ag-inner.ag-problem {
  border-color: #990000;
}
.ag-node {
  transition: border-color 0.4s ease-in-out;
  background: #fff;
  border: solid 1px #eee;
  border-radius: 5px;
  padding: 5px;
  margin: 5px;
  overflow: hidden;
  cursor: pointer;
}
.ag-node:hover {
  border-color: #3d85b0;
}
.ag-node .icon {
  vertical-align: sub;
}
.ag-node.ag-replica {
  width: 250px;
  font-size: 14px;
  margin-left: 38px;
}
.ag-node.ag-problem {
  border-color: #990000;
  background-color: #fff8f8;
}
.ag-child-wrap {
  display: inline-block;
  float: right;
}
.ag-name {
  color: #444;
  font-size: 16px;
  text-align: center;
}
.ag-node-name {
  float: left;
  color: #444;
  font-size: 12px;
}
.ag-databases {
  float: right;
}
.ag-databases .status-down {
  font-weight: normal;
}
.ag-error {
  clear: both;
  padding: 2px;
  margin: 2px 0;
  background-color: #990000;
  color: #fff;
  border-radius: 5px;
}
.ag-db-error {
  clear: both;
  font-size: 12px;
  color: #444;
  padding: 2px 0 2px 15px;
}
.ag-db-error .status-down {
  font-weight: normal;
}
.ag-transfer {
  clear: both;
  padding: 2px;
}
.ag-queue,
.ag-log-volume {
  padding: 2px;
}
.ag-queue .label,
.ag-log-volume .label {
  color: #CCC;
}
.ag-poll {
  float: right;
  font-size: 12px;
  color: #ccc;
  vertical-align: bottom;
}
.ag-log-volume {
  border-top: solid 1px #DDD;
  margin-top: 4px;
  padding-top: 4px;
}
.ag-log-volume .volume-space {
  float: right;
}
.sql-plan-detail .category-row th {
  padding: 0;
}
.sql-plan-detail .category-row th > div {
  margin-bottom: 2px;
}
.sql-plan-detail table {
  width: 100%;
}
.sql-plan-detail tr.section-head-row th {
  font-weight: bold;
  border-bottom: solid 1px #EEE;
  width: 20%;
}
.sql-plan-detail .stats-body td.key {
  width: 80px;
}
.sql-plan-detail .stats-body tr:last-child td {
  border-bottom: solid 1px #EEE;
  padding-bottom: 4px;
}
.sql-plan-detail th,
.sql-plan-detail td {
  padding: 2px 4px;
}
.sql-plan-detail .handle-link {
  font-weight: normal;
  color: #888;
}
.sql-plan-detail .handle-link a {
  color: #800000;
}
.sql-plan-detail .handle-link a .loading {
  display: inline-block;
  width: 24px;
}
.sql-plan-detail .sql-query {
  max-width: 100%;
  background-color: #EEE;
}
.sql-plan-detail .sql-query .sql-preview-block {
  overflow: visible;
}
.sql-plan-detail .sql-query-details {
  display: none;
}
.sql-plan-detail .sql-query-plan {
  display: none;
}
.sql-plan-detail .sql-query-text {
  padding: 10px 4px 4px 4px;
}
.sql-plan-detail .sql-preview-block {
  font-family: Consolas, Courier New;
  background-color: #EEE;
  overflow: auto;
}
.sql-plan-detail .sql-query-header {
  font-weight: bold;
  color: #444;
  padding: 3px 0;
}
.sql-plan-detail .sql-statement {
  margin-bottom: 10px;
}
.sql-plan-detail .sql-statement:last-child {
  margin-bottom: 0;
}
.sql-plan-detail .sql-query-attributes > div {
  border-bottom: solid 1px #EEE;
  padding: 2px 4px;
  margin: 2px 0;
}
.sql-plan-detail .sql-query-attributes .key {
  color: #888;
  width: 150px;
  display: inline-block;
}
.sql-plan-detail .sql-query-attributes .value {
  display: inline-block;
}
.sql-plan-detail .index-details {
  padding-left: 15px;
  color: #444;
  line-height: 1.5em;
}
.sql-plan-detail .index-details .columns {
  color: #000;
  font-weight: bold;
}
.sql-plan-detail .sql-query-excerpt {
  max-height: 100px;
  overflow: hidden;
  z-index: 1;
}
.sql-plan-detail .hide-gradient {
  z-index: 2;
  position: relative;
  height: 50px;
  margin-top: -50px;
  overflow: hidden;
  background: -moz-linear-gradient(bottom, #ffffff 15%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, bottom, top, color-stop(15%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(bottom, #ffffff 15%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(bottom, #ffffff 15%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(bottom, #ffffff 15%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03ffffff', endColorstr='#ffffff', GradientType=0);
  background: linear-gradient(bottom, #ffffff 15%, rgba(255, 255, 255, 0) 100%);
}
.sql-plan-detail .show-toggle {
  float: right;
  margin-right: 5px;
  margin-top: 20px;
  text-decoration: none;
}
/* SQL Server Query Plans */
.qp-tt {
  top: 4em;
  left: 2em;
  border: 1px solid black;
  background-color: #FFFFEE;
  padding: 2px;
  position: absolute;
  display: none;
  z-index: 1;
  white-space: normal;
  font-size: 11px;
}
.qp-tt.sql-query-tooltip {
  z-index: 1100;
}
.qp-tt div,
.qp-tt table {
  font-family: Sans-Serif;
  text-align: left;
}
.qp-tt table {
  border-width: 0;
  border-spacing: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  white-space: nowrap;
}
.qp-tt td,
.qp-tt th {
  font-size: 11px;
  border-bottom: solid 1px Black;
  padding: 1px;
}
.qp-tt td {
  text-align: right;
  padding-left: 10px;
}
.qp-tt th {
  text-align: left;
}
.qp-tt .qp-bold {
  font-weight: bold;
}
.qp-tt .qp-tt-header {
  text-align: center;
  font-weight: bold;
}
.sql-query-plan {
  /* Icons */

}
.sql-query-plan div.qp-node {
  background-color: #FFFFF4;
  margin: 2px;
  padding: 2px;
  border: 1px solid #CCC;
  font-size: 11px;
  line-height: normal;
}
.sql-query-plan .qp-node > div {
  font-family: Consolas, Monospace;
  text-align: center;
}
.sql-query-plan div[class|='qp-icon'] {
  height: 32px;
  width: 32px;
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
}
.sql-query-plan .qp-bold {
  font-weight: bold;
}
.sql-query-plan .qp-icon-Catchall {
  background-image: url('img/query-plan/bitmap.gif');
}
.sql-query-plan .qp-icon-ArithmeticExpression {
  background-image: url('img/query-plan/arithmetic_expression.gif');
}
.sql-query-plan .qp-icon-Assert {
  background-image: url('img/query-plan/assert.gif');
}
.sql-query-plan .qp-icon-Assign {
  background-image: url('img/query-plan/assign.gif');
}
.sql-query-plan .qp-icon-Bitmap {
  background-image: url('img/query-plan/bitmap.gif');
}
.sql-query-plan .qp-icon-BookmarkLookup {
  background-image: url('img/query-plan/bookmark_lookup.gif');
}
.sql-query-plan .qp-icon-ClusteredIndexDelete {
  background-image: url('img/query-plan/clustered_index_delete.gif');
}
.sql-query-plan .qp-icon-ClusteredIndexInsert {
  background-image: url('img/query-plan/clustered_index_insert.gif');
}
.sql-query-plan .qp-icon-ClusteredIndexScan {
  background-image: url('img/query-plan/clustered_index_scan.gif');
}
.sql-query-plan .qp-icon-ClusteredIndexSeek {
  background-image: url('img/query-plan/clustered_index_seek.gif');
}
.sql-query-plan .qp-icon-ClusteredIndexUpdate {
  background-image: url('img/query-plan/clustered_index_update.gif');
}
.sql-query-plan .qp-icon-Collapse {
  background-image: url('img/query-plan/collapse.gif');
}
.sql-query-plan .qp-icon-ComputeScalar {
  background-image: url('img/query-plan/compute_scalar.gif');
}
.sql-query-plan .qp-icon-Concatenation {
  background-image: url('img/query-plan/concatenation.gif');
}
.sql-query-plan .qp-icon-ConstantScan {
  background-image: url('img/query-plan/constant_scan.gif');
}
.sql-query-plan .qp-icon-Convert {
  background-image: url('img/query-plan/convert.gif');
}
.sql-query-plan .qp-icon-CursorCatchall {
  background-image: url('img/query-plan/bitmap.gif');
}
.sql-query-plan .qp-icon-Declare {
  background-image: url('img/query-plan/declare.gif');
}
.sql-query-plan .qp-icon-Delete {
  background-image: url('img/query-plan/table_delete.gif');
}
.sql-query-plan .qp-icon-DistributeStreams {
  background-image: url('img/query-plan/distribute_streams.gif');
}
.sql-query-plan .qp-icon-Dynamic {
  background-image: url('img/query-plan/dynamic.gif');
}
.sql-query-plan .qp-icon-EagerSpool {
  background-image: url('img/query-plan/spool.gif');
}
.sql-query-plan .qp-icon-FetchQuery {
  background-image: url('img/query-plan/fetch_query.gif');
}
.sql-query-plan .qp-icon-Filter {
  background-image: url('img/query-plan/filter.gif');
}
.sql-query-plan .qp-icon-GatherStreams {
  background-image: url('img/query-plan/gather_streams.gif');
}
.sql-query-plan .qp-icon-HashMatch {
  background-image: url('img/query-plan/hash_match.gif');
}
.sql-query-plan .qp-icon-HashMatchRoot {
  background-image: url('img/query-plan/hash_match.gif');
}
.sql-query-plan .qp-icon-HashMatchTeam {
  background-image: url('img/query-plan/hash_match.gif');
}
.sql-query-plan .qp-icon-If {
  background-image: url('img/query-plan/if.gif');
}
.sql-query-plan .qp-icon-Insert {
  background-image: url('img/query-plan/table_insert.gif');
}
.sql-query-plan .qp-icon-InsertedScan {
  background-image: url('img/query-plan/inserted_scan.gif');
}
.sql-query-plan .qp-icon-Intrinsic {
  background-image: url('img/query-plan/intrinsic.gif');
}
.sql-query-plan .qp-icon-IteratorCatchall {
  background-image: url('img/query-plan/bitmap.gif');
}
.sql-query-plan .qp-icon-Keyset {
  background-image: url('img/query-plan/keyset.gif');
}
.sql-query-plan .qp-icon-LanguageElementCatchall {
  background-image: url('img/query-plan/bitmap.gif');
}
.sql-query-plan .qp-icon-LazySpool {
  background-image: url('img/query-plan/spool.gif');
}
.sql-query-plan .qp-icon-LogRowScan {
  background-image: url('img/query-plan/log_row_scan.gif');
}
.sql-query-plan .qp-icon-MergeInterval {
  background-image: url('img/query-plan/merge_interval.gif');
}
.sql-query-plan .qp-icon-MergeJoin {
  background-image: url('img/query-plan/merge_join.gif');
}
.sql-query-plan .qp-icon-NestedLoops {
  background-image: url('img/query-plan/nested_loops.gif');
}
.sql-query-plan .qp-icon-NonclusteredIndexDelete {
  background-image: url('img/query-plan/nonclustered_index_delete.gif');
}
.sql-query-plan .qp-icon-NonclusteredIndexInsert {
  background-image: url('img/query-plan/nonclustered_index_insert.gif');
}
.sql-query-plan .qp-icon-NonclusteredIndexScan {
  background-image: url('img/query-plan/nonclustered_index_scan.gif');
}
.sql-query-plan .qp-icon-IndexSeek {
  background-image: url('img/query-plan/nonclustered_index_seek.gif');
}
.sql-query-plan .qp-icon-NonclusteredIndexSpool {
  background-image: url('img/query-plan/nonclustered_index_spool.gif');
}
.sql-query-plan .qp-icon-NonclusteredIndexUpdate {
  background-image: url('img/query-plan/nonclustered_index_update.gif');
}
.sql-query-plan .qp-icon-OnlineIndexInsert {
  background-image: url('img/query-plan/online_index_insert.gif');
}
.sql-query-plan .qp-icon-ParameterTableScan {
  background-image: url('img/query-plan/parameter_table_scan.gif');
}
.sql-query-plan .qp-icon-PopulationQuery {
  background-image: url('img/query-plan/population_query.gif');
}
.sql-query-plan .qp-icon-RdiLookup {
  background-image: url('img/query-plan/rdi_lookup.gif');
}
.sql-query-plan .qp-icon-RefreshQuery {
  background-image: url('img/query-plan/refresh_query.gif');
}
.sql-query-plan .qp-icon-RemoteDelete {
  background-image: url('img/query-plan/remote_delete.gif');
}
.sql-query-plan .qp-icon-RemoteInsert {
  background-image: url('img/query-plan/remote_insert.gif');
}
.sql-query-plan .qp-icon-RemoteQuery {
  background-image: url('img/query-plan/remote_query.gif');
}
.sql-query-plan .qp-icon-RemoteScan {
  background-image: url('img/query-plan/remote_scan.gif');
}
.sql-query-plan .qp-icon-RemoteUpdate {
  background-image: url('img/query-plan/remote_update.gif');
}
.sql-query-plan .qp-icon-RepartitionStreams {
  background-image: url('img/query-plan/repartition_streams.gif');
}
.sql-query-plan .qp-icon-Result {
  background-image: url('img/query-plan/result.gif');
}
.sql-query-plan .qp-icon-RowCountSpool {
  background-image: url('img/query-plan/row_count_spool.gif');
}
.sql-query-plan .qp-icon-Segment {
  background-image: url('img/query-plan/segment.gif');
}
.sql-query-plan .qp-icon-Sequence {
  background-image: url('img/query-plan/sequence.gif');
}
.sql-query-plan .qp-icon-Sequenceproject {
  background-image: url('img/query-plan/sequenceproject.gif');
}
.sql-query-plan .qp-icon-Snapshot {
  background-image: url('img/query-plan/snapshot.gif');
}
.sql-query-plan .qp-icon-Sort {
  background-image: url('img/query-plan/sort.gif');
}
.sql-query-plan .qp-icon-Split {
  background-image: url('img/query-plan/split.gif');
}
.sql-query-plan .qp-icon-Spool {
  background-image: url('img/query-plan/spool.gif');
}
.sql-query-plan .qp-icon-Statement {
  background-image: url('img/query-plan/result.gif');
}
.sql-query-plan .qp-icon-StreamAggregate {
  background-image: url('img/query-plan/stream_aggregate.gif');
}
.sql-query-plan .qp-icon-Switch {
  background-image: url('img/query-plan/switch.gif');
}
.sql-query-plan .qp-icon-TableDelete {
  background-image: url('img/query-plan/table_delete.gif');
}
.sql-query-plan .qp-icon-TableInsert {
  background-image: url('img/query-plan/table_insert.gif');
}
.sql-query-plan .qp-icon-TableScan {
  background-image: url('img/query-plan/table_scan.gif');
}
.sql-query-plan .qp-icon-TableSpool {
  background-image: url('img/query-plan/table_spool.gif');
}
.sql-query-plan .qp-icon-TableUpdate {
  background-image: url('img/query-plan/table_update.gif');
}
.sql-query-plan .qp-icon-TableValuedFunction {
  background-image: url('img/query-plan/table_valued_function.gif');
}
.sql-query-plan .qp-icon-Top {
  background-image: url('img/query-plan/top.gif');
}
.sql-query-plan .qp-icon-Udx {
  background-image: url('img/query-plan/udx.gif');
}
.sql-query-plan .qp-icon-Update {
  background-image: url('img/query-plan/table_update.gif.gif');
}
.sql-query-plan .qp-icon-While {
  background-image: url('img/query-plan/while.gif');
}
.sql-query-plan .qp-node {
  position: relative;
  white-space: nowrap;
}
.sql-query-plan .qp-tr {
  display: table;
}
.sql-query-plan .qp-tr > div {
  display: table-cell;
  padding-left: 15px;
}
.summary-popup {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
}
/*.table-active-operations {
    table-layout: fixed;

    th:nth-child(1), td:nth-child(1) { width: 50px; }
    th:nth-child(2) { width: 150px; }
    th:nth-child(3) { width: 150px; }
    th:nth-child(4) { width: 150px; }
    th:nth-child(5) { width: 75px; }
    th:nth-child(6) { width: 75px; }
    th:nth-child(7) { width: 160px; }
}*/.about header.properties {
  font-size: 12px;
  padding: 10px 0 4px 5px;
  font-weight: bold;
  color: #444;
}
.about section.properties {
  padding: 0 0 0 15px;
  color: #444;
}
.about header.per-section-props {
  padding-top: 20px;
}
.about section.per-section-props {
  padding: 5px 0 5px 10px;
  margin: 0 10px 0 10px;
  border: solid 1px #eee;
}
.about section.per-section-props header.properties:first-child {
  padding: 0;
}
.about .sub-list {
  padding-left: 20px;
  padding-bottom: 5px;
}
.about .sub-list li {
  padding-bottom: 1px;
}
.about .bottom-links {
  padding: 20px 10px 10px 10px;
}
@media screen and (max-width: 1060px) {
  body {
    width: 1024px;
    min-width: 0;
  }
  .cluster-dashboard {
    width: 1024px;
  }
  .node-dashboard-separator {
    width: 924px;
  }
  .main-dashboard th:nth-child(6),
  .main-dashboard td:nth-child(6) {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  body {
    width: auto;
  }
  .main-dashboard th:nth-child(6),
  .main-dashboard td:nth-child(6) {
    display: none;
  }
  .main-dashboard th:nth-child(8),
  .main-dashboard td:nth-child(8) {
    display: none;
  }
}
@media screen and (max-width: 656px) {
  body {
    width: 640px;
    min-width: 0;
  }
  .cluster-dashboard {
    width: 640px;
  }
  .node-dashboard-separator {
    width: 540px;
  }
  .main-dashboard th:nth-child(6),
  .main-dashboard td:nth-child(6) {
    display: none;
  }
  .main-dashboard th:nth-child(8),
  .main-dashboard td:nth-child(8) {
    display: none;
  }
}
/*
 * Toastr
 * Version 2.0.1
 * Copyright 2012 John Papa and Hans Fjällemark.  
 * All Rights Reserved.  
 * Use, reproduction, distribution, and modification of this code is subject to the terms and 
 * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
 *
 * Author: John Papa and Hans Fjällemark
 * Project: https://github.com/CodeSeven/toastr
 */
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/

}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("") !important;
}
#toast-container > .toast-error {
  background-image: url("") !important;
}
#toast-container > .toast-success {
  background-image: url("") !important;
}
#toast-container > .toast-warning {
  background-image: url("") !important;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/* google prettify */
.pln {
  color: #000000;
}
@media screen {
  .str {
    color: #008800;
  }
  .kwd {
    color: #000088;
  }
  .com {
    color: #880000;
  }
  .typ {
    color: #660066;
  }
  .lit {
    color: #006666;
  }
  .pun,
  .opn,
  .clo {
    color: #666600;
  }
  .tag {
    color: #000088;
  }
  .atn {
    color: #660066;
  }
  .atv {
    color: #008800;
  }
  .dec,
  .var {
    color: #660066;
  }
  .fun {
    color: #ff0000;
  }
}
@media print, projection {
  .str {
    color: #006600;
  }
  .kwd {
    color: #006;
    font-weight: bold;
  }
  .com {
    color: #600;
    font-style: italic;
  }
  .typ {
    color: #404;
    font-weight: bold;
  }
  .lit {
    color: #004444;
  }
  .pun,
  .opn,
  .clo {
    color: #444400;
  }
  .tag {
    color: #006;
    font-weight: bold;
  }
  .atn {
    color: #440044;
  }
  .atv {
    color: #006600;
  }
}
pre.prettyprint {
  padding: 2px;
}
ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
}
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
  list-style-type: none;
}
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 {
  background: #eeeeee;
}
